<div ng-controller="z-visaWaiver-c" z-loading is-loading="viewModel.isLoading">
	<div viewstack class="carousel slide" data-ride="carousel">
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="row">
                    <div class="col-lg-12 heading">
                        <ul id="crumb" class="breadcrumb">
	                       <li>
		                        <i class="im-home"></i>
		                        <a href="index.html">首页</a>
	                        </li>
	                       <li ng-repeat="menu in viewModel.menuList">
	                        	<i class="{{menu.icons}}" ng-if="$index+1!=viewModel.menuList.length"></i>
	                        	<i class="en-arrow-right7" ng-if="$index+1==viewModel.menuList.length"></i>
	                        	{{menu.label}}
	                        </li>
                        </ul>
                    </div>
                </div>
                
				<div class="outlet">
	                <div class="panel-body">
	                	<form>
							<div class="row">
								<!-- 检索条件 -->
								<div class="col-xs-12 col-sm-10 col-md-11 form-box">
									<div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">公司：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<div class="input-group">
												<select id="vCorporation" multiple="multiple" class="form-control" ng-model="viewModel.corporationList" tabIndex="1">
				                                </select>	   
											</div>
										</div>
									</div>
									<div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">部门：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<div class="input-group">
												<!-- <input name="department" 
													   ng-model="viewModel.departmentName" 
													   type="text" 
													   placeholder="部门编码、部门名称" 
													   maxLength="60"
													   class="form-control"
													   tabIndex="2"> -->
												<select id="vDepartmentName" multiple="multiple" class="form-control" ng-model="viewModel.departmentList" tabIndex="2">
				                                </select>	 
											</div>
										</div>
									</div>
									<div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">员工：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<div class="input-group">
												<textarea ng-model="viewModel.employeeNo" placeholder="员工号、中文名称、英文名称" class="form-control elastic __web-inspector-hide-shortcut__" rows="1"></textarea>
											</div>
										</div>
									</div>
									<div class="col-sm-6 col-md-4 col-lg-3 form-item">
										<div class="col-sm-5 col-md-5 form-title">员工级别：</div>
										<div class="col-sm-7 col-md-7 form-input">
											<div class="input-group">
				                                <select id="vlevel" multiple="multiple" class="form-control" ng-model="viewModel.employeeLevelList" tabIndex="4">
				                                    <option value="13">13</option>
				                                    <option value="14">14</option>
				                                    <option value="15">15</option>
				                                    <option value="16">16</option>
				                                    <option value="17">17</option>
				                                    <option value="18">18</option>
				                                    <option value="19">19</option>
				                                    <option value="20">20</option>
				                                    <option value="21">21</option>
				                                    <option value="22">22</option>
				                                    <option value="23">23</option>
				                                    <option value="24">24</option>
				                                    <option value="25">25</option>
				                                    <option value="26">26</option>
				                                    <option value="27">27</option>
				                                    <option value="28">28</option>
				                                    <option value="29">29</option>
				                                    <option value="30">30</option>
				                                </select>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-10 col-md-11 form-box">
									  <div class="col-sm-6 col-md-4 col-lg-3 form-item">
											<div class="col-sm-5 col-md-5 form-title">是否免签：</div>
											<div class="col-sm-7 col-md-7 form-input">
												<div class="input-group">
													<select class="form-control" ng-model="viewModel.isVisaWaiver">
														<option value=""></option>
														<option value="0">否</option>
				                                    	<option value="1">是</option>
					                                </select>	   
												</div>
											</div>
									  </div>
									  <div class="col-sm-6 col-md-4 col-lg-3 form-item">
										  <div class="col-sm-5 col-md-5 form-title">基准日期：</div>
										   <div class="col-sm-7 col-md-7 form-input">
											<div class="input-group" ng-class="{ 'has-error' : editForm.effectiveDate.$dirty && editForm.effectiveDate.$invalid }">
												<input name="effectiveDate" 
													   ng-model="viewModel.effectiveDate" 
													   ng-change="viewModel.dateChange()"
													   class="form-control datetime-picker" 
													   type="text"
													   autofocus="autofocus" 
													   ng-click="viewModel.effectiveDateOpen($event)"
													   maxLength="10"
													   z-datepicker-popup="{{viewModel.format}}"
													   is-open="viewModel.effectiveDateOpnened"
													   datepicker-options="viewModel.dateOptions"
												       close-text="Close"
												       required
												       readonly>
												<span class="input-group-addon cursorPointer" ng-click="viewModel.effectiveDateOpen($event)"><i class="fa-calendar"></i></span>
											</div>
										   </div>
									    </div>
									    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
											<div class="col-sm-5 col-md-5 form-input-left">
												<button type="button" class="btn btn-success" ng-click="viewModel.rowCount=1;viewModel.bindData(1);" tabIndex="7">搜索</button>
											</div>
										</div>
								</div>	
							</div>
						</form>
	                </div>
                </div>
                <div class="outlet">
	                <div class="panel-body">
	                    <form class="form-horizontal group-border hover-stripped" role="form">
	                        <div class="row">
	                            <div class="col-lg-3 col-md-1">
									<button class="btn btn-success" ng-click="viewModel.save()" tabIndex="1">添加免签</button>
									&nbsp
									<button class="btn btn-danger" ng-click="viewModel.del()" tabIndex="2">删除免签</button>
	                            </div>
	                        </div>
	                    </form>
	                </div>
                </div>
				<div class="container-fluid">
					<div class="row">
						<!-- <table class="table table-striped  table-bordered table-hover"> -->
						<table class="table table-striped table-bordered" cellspacing="0" width="100%">
							<thead>
								<tr>
									<td width="80">
										<input type="checkbox" 
											   ng-model="viewModel.checkAll" 
											   ng-click="viewModel.checkboxAll()">
										<b>全选</b>
									</td>
									<th width="10%"><b>员工</b></th>
									<th width="10%"><b>中文姓名</b></th>
									<th width="10%"><b>英文名称</b></th>
									<th width="6%"><b>是否免签</b></th>
									<th width="6%"><b>级别</b></th>
									<td><b>公司</b></td>
									<td><b>部门</b></td>
									<td><b>岗位</b></td>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="employee in viewModel.dataList">
									<td class="htgl-style10">
										<input type="checkbox" 
											   ng-model="employee.checkbox" 
					                           ng-click="viewModel.checkbox(employee)">
									</td>
									<td>{{employee.employeeNo}}</td>
									<td>{{employee.chineseName}}</td>
									<td>{{employee.englishName}}</td>
									<td ng-switch="employee.isVisaWaiver">
										<span ng-switch-when="1">是</span>
										<span ng-switch-when="0">否</span> 
									</td>
									<td>{{employee.level}}</td>
									<td>
										<span ng-if="employee.corporationCode!=null">({{employee.corporationCode}}){{employee.corporationName}}</span>
									</td>
									<td>
										<span ng-if="employee.departmentCode!=null">({{employee.departmentCode}}){{employee.departmentName}}</span>
									</td>
									<td><span ng-if="employee.roleList!=null">
											<p ng-repeat="role in employee.roleList">({{role.roleCode}}){{role.roleName}}<span ng-if="role.isRole==1">(主)</span></p>
										</span></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="row">
						<div z-Pagination total-Data='viewModel.totalData'
							per-Page='viewModel.perPage'
							current-Page='viewModel.rowCount'
							on-Click="viewModel.bindData()"
							on-Change-Per-Page="viewModel.bindData()">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>